<template>
  <div class="outer-wrapper">
    <div class="wrapper">
      <div class="login">
        <div class="login-banner"><a class="logo"><img src="/static/image/logo.png"/></a>
          <div class="company">
            <h1 class="title">悦典后台管理系统</h1><span class="desc">极速储存之悦&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数据安全之典</span>
          </div>
        </div>
        <div class="login-box" v-loading="loading" element-loading-text="正在登录">
          <h3 class="title">登录 | Login</h3>
          <div class="form-group"><span class="form-icon icon-username"></span>
            <input type="text" name="username" v-model.trim="loginForm.user" id="username" placeholder="输入用户名"
                   class="login-input"/>
          </div>
          <div class="form-group"><span class="form-icon icon-password"></span>
            <input type="password" name="password" v-model.trim="loginForm.pass" id="password" placeholder="输入密码"
                   class="login-input"/>
          </div>
          <div class="form-group rempsd">
            <label>
              <input type="checkbox" name="remember" v-model="remember"/>记住密码
            </label>
          </div>
          <div class="form-group">
            <button type="button" class="login-btn" @click="loginSubmit">登录</button>
          </div>
        </div>
      </div>
    </div>
    <div id="footer">
      <div class="copyright">上海悦典电子科技有限公司<br/><a href="">-www.yoda.software-</a></div>
    </div>
  </div>
</template>
<style lang="scss" scope rel="stylesheet/scss">
  .outer-wrapper {
    height: 100%;
  }
  .wrapper {
    padding-bottom: 70px;
    height: auto;
    min-height: 100%;
  }

  #footer {
    position: relative;
    /*margin-top: -70px; !* footer高度的负值 *!*/
    height: 70px;
    clear: both;
  }
</style>
 <script>
//   import store from '../../store'
  export default {
    data () {
      return {
        loginForm: {
          user: '',
          pass: '',
          opid: 1001
        },
        remember: false,
        loading: false
      }
    },
    methods: {
      loginSubmit: function () {
        // Create a socket instance
        this.$router.push('/home')
      }
    }
  }
</script>
